<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>鸿鹄云快速开发平台(企业版)</title>
  <!-- Tell the browser to be responsive to screen width -->
  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
  <link rel="stylesheet" href="css/bootstrap.min.css">
  <link rel="stylesheet" href="css/font-awesome.min.css">
  <link rel="stylesheet" href="css/AdminLTE.min.css">
  <!-- AdminLTE Skins. Choose a skin from the css/skins
       folder instead of downloading all of them to reduce the load. -->
  <link rel="stylesheet" href="css/all-skins.min.css">
  <link rel="stylesheet" href="css/main.css">
  <link rel="stylesheet" href="css/easyui.css">
  <link rel="stylesheet" href="css/icon.css">
  <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  <!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  <![endif]-->
</head>
<!-- ADD THE CLASS layout-boxed TO GET A BOXED LAYOUT -->
<body class="hold-transition skin-blue sidebar-mini" >
<!-- Site wrapper -->
<div class="wrapper" id="honghu_cloud" v-cloak>
	<div class="hh-app-pos">
  <header class="main-header">
    <a href="javascript:;" class="logo">
      <!-- mini logo for sidebar mini 50x50 pixels -->
      <span class="logo-mini"><b>鸿鹄云</b></span>
      <!-- logo for regular state and mobile devices -->
      <span class="logo-lg"><b>鸿鹄云平台</b></span>
    </a>
    <!-- Header Navbar: style can be found in header.less -->
    <nav class="navbar navbar-static-top" role="navigation">
      <!-- Sidebar toggle button-->
      <div class="navbar-custom-menu">
        <ul class="nav navbar-nav">
          <li>
          	  <a href="javascript:;" @click="updatePassword"><i class="fa fa-codepen"></i> &nbsp;企业服务</a>
              <div class="navbar-sub-menu2">
				 <ul>
				 	<li><a href="http://minglisoft.cn/" target="_blank">官网</a></li>
				 	<li><a href="http://minglisoft.cn/technology" target="_blank">JEESZ分布式云平台</a></li>
				 	<li><a href="http://minglisoft.cn/honghu/tech.html" target="_blank">分布式微服务云平台</a></li>
				 	<li><a href="tel:4001812979">Tel：400-181-2979</a></li>
				 </ul>
			  </div>
		  </li>
		  <li>
		  	  <a href="javascript:;" @click="updatePassword"><i class="fa fa-send-o"></i> &nbsp;消息</a>
              <div class="navbar-sub-menu">
				<h3>站内消息通知<a>消息接收管理</a></h3>
				<div class="ms-box">
					<a href="#aaaaaaaaa" class="item">
						<h5>预留接口-测试消息1</h5>
						<p>2018-03-25 12:20</p>
					</a>
					<a href="#aaaaaaaaa" class="item">
						<h5>预留接口-测试消息2</h5>
						<p>2018-03-25 12:20</p>
					</a>
					<a href="#aaaaaaaaa" class="item">
						<h5>预留接口-测试消息3</h5>
						<p>2018-03-25 12:20</p>
					</a>
					<a href="#aaaaaaaaa" class="item">
						<h5>预留接口-测试消息4</h5>
						<p>2018-03-25 12:20</p>
					</a>
					<a href="#aaaaaaaaa" class="item">
						<h5>预留接口-测试消息5</h5>
						<p>2018-03-25 12:20</p>
					</a>
				</div>
				<a class="more" href="#more">查看更多</a>
          	  </div>
		  </li>
          <li class="nav-user-slider">
              <a href="javascript:;"><img src="css/images/header-default.png"></a>
              <div class="navbar-sub-menu">
              	 <dl class="navbar-sub-user"><dt><a><img src="css/images/header-default.png"></a></dt><dd>{{user.username}}</dd></dl>
              	 <div class="nav-content-wrap">
              	 	<dl class="nav-menu-content">
                 		 <dt class="nav-menu-img"><a><img src="css/images/oper.png"></a></dt>
                  		 <dd class="nav-menu-title"><a>基本资料</a></dd>
          		    </dl>
          		    <dl class="nav-menu-content">
                 		 <dt class="nav-menu-img"><a><img src="css/images/oper.png"></a></dt>
                  		 <dd class="nav-menu-title"><a href="javascript:;" @click="updatePassword">修改密码</a></dd>
          		    </dl>
         			<div style="clear:both;"></div>
              	 </div>
                  <p class="nav-menu-exit"><a href="javascript:;" @click="logout"> &nbsp;退出管理控制台</a></p>
          	  </div>
          </li>
		</ul>
      </div>
    </nav>
  </header>

  <!-- =============================================== -->

  <!-- Left side column. contains the sidebar -->
  <aside class="main-sidebar">
      <div class="main-scroll-hidden">
	      	<a href="#" class="sidebar-toggle" id="leftMenuBtn" role="button">
	        <span class="sr-only">Toggle navigation</span>
	      </a>
	    <!-- sidebar: style can be found in sidebar.less -->
	    <section class="sidebar">
	      <!-- /.search form -->
	      <!-- sidebar menu: : style can be found in sidebar.less -->
	      <div class="sidebar-div">
		      <ul class="sidebar-menu">
		        <!-- vue生成的菜单 -->
				<menu-item :item="item" :index="index" v-for="(item, index) in menuList"></menu-item>
		      </ul>
	      </div>
	    </section>
      </div>
    <!-- /.sidebar -->
  </aside>
  <!-- =============================================== -->
  <!-- Content Wrapper. Contains page content -->
  <div class="content-wrapper" id="pageTab">
	<div title="<i class='fa fa-home' style='font-size:20px;position:relative;top:2px;left:-3px;'></i>首页" style="padding:10px;">
		<iframe scrolling="yes" frameborder="0" src="main.html"></iframe>
	</div>
  </div>
  <!-- /.content-wrapper -->
  <!-- Add the sidebar's background. This div must be placed
       immediately after the control sidebar -->
  <div class="control-sidebar-bg"></div>
  </div>
  <!-- 修改密码 -->
	<div id="passwordLayer" style="display: none;">
		<form class="form-horizontal">
		<div class="form-group">
			<div class="form-group">
			   	<div class="col-sm-2 control-label">账号</div>
			    <span class="label label-success" style="vertical-align: bottom;">{{user.username}}</span>
			</div>
			<div class="form-group">
			   	<div class="col-sm-2 control-label">原密码</div>
			   	<div class="col-sm-10">
			      <input type="password" class="form-control" v-model="password" placeholder="原密码"/>
			    </div>
			</div>
			<div class="form-group">
			   	<div class="col-sm-2 control-label">新密码</div>
			   	<div class="col-sm-10">
			      <input type="text" class="form-control" v-model="newPassword" placeholder="新密码"/>
			    </div>
			</div>
		</div>
		</form>
	</div>

</div>
<!-- ./wrapper -->
<div id="rightLayer" class="easyui-menu" style="width: 120px;display:none;">
    <div id="mm-tabclose" name="6">刷新</div>
    <div id="Div1" name="1">关闭</div>
    <div id="mm-tabcloseall" name="2">全部关闭</div>
    <div id="mm-tabcloseother" name="3">关闭其他</div>
    <div class="menu-sep"></div>
    <div id="mm-tabcloseright" name="4">关闭右侧</div>
    <div id="mm-tabcloseleft" name="5">关闭左侧</div>
</div>
<script src="libs/jquery.min.js"></script>
<script src="libs/jquery.easyui.min.js"></script>
<script src="plugins/jqgrid/jquery.jqGrid.min.js"></script>
<script src="libs/vue.min.js"></script>
<script src="libs/router.js"></script>
<script src="libs/bootstrap.min.js"></script>
<script src="libs/app.js"></script>
<script src="plugins/layer/layer.js"></script>
<script src="js/common.js"></script>
<script src="js/index.js"></script>
</body>
</html>
